    <div class="box">
      <ul nz-menu nzMode="horizontal" class="box-nav">
        <div class="box-nav-title">
          <li nz-menu-item [nzMatchRouter]="true">
            <a routerLink="/home">XX租房</a>
          </li>
        </div>
        <div class="box-nav-content">
          <li nz-menu-item [nzMatchRouter]="true">
            <a routerLink="/home">首页</a>
          </li>
          <li nz-menu-item [nzMatchRouter]="true">
            <a routerLink="/rental-options">租房</a>
          </li>
          <li nz-menu-item [nzMatchRouter]="true">
            <a routerLink="/personal-center">个人中心</a>
          </li>
        </div>
        <div class="box-nav-status" *ngIf="!userLogin">
          <li nz-menu-item [nzMatchRouter]="true" class="menu-item-right">
            <a routerLink="/login">登录</a>
          </li>
          <span>|</span>
          <li nz-menu-item [nzMatchRouter]="true" class="menu-item-right-register">
            <a routerLink="/register">注册</a>
          </li>
        </div>
        <a
          nz-popconfirm
          nzPopconfirmTitle="请确定退出登录"
          nzPopconfirmPlacement="bottom"
          (nzOnConfirm)="confirm()"
          (nzOnCancel)="cancel()"
        >
          <nz-avatar nzIcon="user" *ngIf="userLogin" class="Avatar"></nz-avatar>
        </a>
      </ul>
      <router-outlet></router-outlet>
    </div>
